// TODO:这里是几个初始化的变量
var form = layui.form
var state = '';

// TODO:初始化富文本
initEditor()

// TODO:处理选择图片
var $image = $('#image');
var option = {
    // 纵横比，宽高比
    aspectRatio: 400 / 280,
    // 指定预览的盒子
    preview: '.img-preview',
    autoCropArea: 1
}
$image.cropper(option);


// TODO:点击了选择封面
$("button:contains('选择封面')").on("click", function () {
    $("#file").click()
})

// TODO:当文件域发生变化的时候
$("#file").on("change", function () {
    // 找到文件对象
    var fileObj = this.files[0]
    // 生成临时url
    var url = URL.createObjectURL(fileObj);
    // 改变大图的图片
    $image.cropper("destroy").attr("src", url).cropper(option)
})



// TODO:下拉选择框的模板引擎
getSel();
function getSel() {
    $.ajax({
        url: "/my/article/cates",
        success: function (res) {
            var strSel = template("tpl_select", res)
            $("#selectBox").html(strSel)
            // 更新渲染
            form.render()
        }
    })
}


// TODO:给表单赋值
var id = location.search.substr(4);
$.ajax({
    url: "/my/article/" + id,
    success: function (res) {
        form.val("fr", res.data)
        $image.cropper("destroy").attr("src", "http://www.liulongbin.top:3007" + res.data.cover_img).cropper(option)

    }
})

// TODO:点击发布,将state改为已发布
$("button:contains('发布')").on("click", function (e) {
    state = "已发布"
})
// TODO:存为草稿,将state改为草稿
$("button:contains('存为草稿')").on("click", function (e) {
    state = "草稿"
})


// TODO:提交表单发布或者草稿
$("form").on("submit", function (e) {
    e.preventDefault();
    form.render()
    var fd = new FormData(this);
    fd.append("state", state);
    fd.append("Id", id)
    // 得到剪裁后的图片
    $image.cropper("getCroppedCanvas", {
        width: 400,
        height: 280
    }).toBlob(function (blob) {
        fd.append("cover_img", blob);
        // 发送ajsx请求
        $.ajax({
            type: "POST",
            url: "/my/article/edit",
            data: fd,
            contentType: false,
            processData: false,
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message)
                }
                // 成功后跳转
                layer.msg(res.message);
                location.href = "/article/art_article.html"
            }
        })
    })
})
